<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'eventquery.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" type="text/css" href="wzp/css/eventquery.css">
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="wzp/js/query_em.js"></script>
	<script type="text/javascript" src="/ag/My97DatePicker/WdatePicker.js" defer="defer"></script>
  </head>
  
<body>
<table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr><td height="60">
  	<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  	<tr>
  		<td width="9" background="wzp/images/tab_12.gif">&nbsp;</td>
  		<td bgcolor="#dceffd">
  			<div>
				<table id="queryArea" width="100%" align="center">
				<tr >
					<td align="left">
					<div >
						<span class="span">
						事件等级：
						<select name="event.tbEventLevel.elId" id="eventLevel" style="width:100">
						</select>
						</span>
						<span class="span">			
						 事件类型：
						<select name="event.tbEventType.etId" id="eventType" style="width:100">
						</select>
						</span>
						<span class="span">					
						 事件来源：
						<select name="event.tbEventSource.esId" id="eventSource" style="width:100">
						</select>
						</span>
						<span class="span">					
						 事件状态：
						<select name="event.tbEventStatus.tbesId" id="eventStatus" style="width:100">
						</select>
						</span>
						
					</div>	
					</td>
				</tr>
				<tr>
					<td align="left">
					<div style='padding-top:10px'>
						<span class="span">
						受理单号： <input id="eId" type="text" style="width:100"/>
						</span>
						<span class="span">
						事发时间：  <input id="eventTimeStart" type="text" class="Wdate" style="width:100"
								  onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'})" />
						~<input id="eventTimeEnd" type="text"  class="Wdate" style="width:100"
								  onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'})"/>
						</span>
						<span class="span">					
						 排序：
						<select id="order" name="order" id="" style="width:120">
							<option value="0">按默认排序</option>
							<option value="1">按事件等级升序</option>
							<option value="2">按事件等级降序</option>
							<option value="3">按事发时间升序</option>
							<option value="4">按事发时间降序</option>
						</select>
						</span>
						<button id="query" >查 询</button>
						<button id="q_rest" >重置</button>
					</div>
					</td>
				</tr>
			</table>	
    		</div>
  		</td>
  		<td width="9" background="wzp/images/tab_16.gif">&nbsp;</td>
  	</tr>
  	</table></td>
  </tr>
  <tr><td height="29">
  	<table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="29"><img src="wzp/images/tab_20.gif" width="15" height="29" /></td>
        <td width="100%" background="wzp/images/tab_21.gif"></td>
        <td width="14"><img src="wzp/images/tab_22.gif" width="14" height="29" /></td>
      </tr>
    </table></td>
  </tr>
</table>

<div id="eventTable" style="display:none" >
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="30"><img src="wzp/images/tab_03.gif" width="15" height="30" /></td>
        <td width="1101" background="wzp/images/tab_05.gif">
        	<img src="wzp/images/311.gif" width="16" height="16" /> 
        	<span class="STYLE4">事件列表</span>
        </td>
        <td width="281" background="wzp/images/tab_05.gif"></td>
        <td width="14"><img src="wzp/images/tab_07.gif" width="14" height="30" /></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="9" background="wzp/images/tab_12.gif">&nbsp;</td>
        <td bgcolor="#dceffd">
          <table id="events" width="99%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#84b1d3" >
          <thead>
          <tr>
            <td width="10%"  class="tdhead"><div>受理单号</div></td>
            <td width="8%"  class="tdhead"><div>事件等级</div></td>
            <td width="11%"  class="tdhead"><div>事发时间</div></td>
            <td width="17%"  class="tdhead"><div>事发地点</div></td>
            <td width="14%"  class="tdhead"><div>事件名称</div></td>
            <td width="11%"  class="tdhead"><div>接报时间</div></td>
            <td width="10%"  class="tdhead"><div>事件类型</div></td>
            <td width="10%"  class="tdhead"><div>事件状态</div></td>
            <td width="6%"   class="tdhead"><div>查看</div></td>
          </tr>
          
          <tr id="loadingEvent">
		  	<td colspan="9" >
				<div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
					<img src="wzp/images/loading.gif" />
					<span style="margin-left: 15px">正在查询数据，请稍后……</span>
				</div>
			</td>
		  </tr>
		  <tr id="noneEvent"  style="display:none">
		  	<td colspan="9" height="18" bgcolor="#FFFFFF">
				<div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
					<span style="margin-left: 15px">没有相关数据</span>
				</div>
			</td>
		  </tr>
          </thead>
          <tbody id="listEvent"></tbody>
        </table></td>
        <td width="9" background="wzp/images/tab_16.gif">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="29"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="29"><img src="wzp/images/tab_20.gif" width="15" height="29" /></td>
        <td background="wzp/images/tab_21.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="25%" height="29" nowrap="nowrap"><span class="STYLE1">
            	共<span id="total"></span>条纪录，当前第<span id="page"></span>/<span id="pageCount"></span>页，每页<span id="maxRow"></span>条纪录</span></td>
            <td width="75%" valign="top" class="STYLE1"><div align="right">
              <table width="352" height="20" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td id="firstPage" width="62" height="22" ><div align="right"><img src="wzp/images/first.gif" /></div></td>
                  <td id="prePage" width="50" height="22" ><div align="right"><img src="wzp/images/back.gif" /></div></td>
                  <td id="nextPage" width="54" height="22" ><div align="right"><img src="wzp/images/next.gif" /></div></td>
                  <td id="lastPage"width="49" height="22" ><div align="right"><img src="wzp/images/last.gif"  /></div></td>
                  <td width="59" height="22" ><div align="right">转到第</div></td>
                  <td width="25" height="22" >
                    <input id="jump" name="jump" type="text"  style="height:18px; width:25px;" size="5" />
                  </td>
                  <td width="23" height="22" >页</td>
                  <td id="jumpPage" width="30" height="22" ><img src="wzp/images/go.gif"  /></td>
                </tr>
              </table>
            </div></td>
          </tr>
        </table></td>
        <td width="14"><img src="wzp/images/tab_22.gif" width="14" height="29" /></td>
      </tr>
    </table></td>
  </tr>
</table>
</div>

</body>
</html>
